import { createApp } from 'vue'; // 导入Vue的createApp函数
import App from './App.vue'; // 导入主组件App
import router from './router'; // 导入路由配置
import store from './store'; // 导入Vuex存储
import 'bootstrap/dist/css/bootstrap.min.css'; // 导入Bootstrap样式
import '@/styles/global.css'; // 导入全局自定义样式

// 初始化用户数据
const initialUsers = [
  { username: '202212060067ljl', password: '202212060067', email: 'user@example.com', avatar: '/src/assets/images/avatar.jpg' }, // 固定用户
];

// 如果本地存储中没有用户数据，则设置默认用户数据
if (!localStorage.getItem('users')) {
  localStorage.setItem('users', JSON.stringify(initialUsers));
}

// 打印本地存储中的用户数据和当前用户数据到控制台
console.log('Users:', JSON.parse(localStorage.getItem('users')));
console.log('Current User:', JSON.parse(localStorage.getItem('user')));

store.dispatch('initializeFoods'); // 调用Vuex的action初始化菜品数据

// 创建Vue应用实例，使用Vuex存储和路由，并挂载到id为app的HTML元素上
createApp(App)
  .use(store) // 使用Vuex存储
  .use(router) // 使用路由
  .mount('#app'); // 挂载到id为app的HTML元素上
